#app{ background: rgb(246, 248, 251); width: 100vw; height: 100vh;
  .left{ position: fixed; left: 0; top: 0; width: 300px; height: 100vh; background: #fff; overflow: auto; }
  .right{ position: fixed; left: 300px; top: 0; width: calc(100vw - 300px);  }
  .top{padding: 20px; height: 90px;}
  .fanhui{background: rgb(255, 255, 255); height: 50px; width: 85px; border-radius: 25px; color: rgb(120, 125, 133); cursor: pointer;}
  .baibeijing{background: #fff; border-radius: 20px; padding: 20px;}
  .baibeijinga{background: rgb(243, 245, 249); border-radius: 11px; padding: 10px;}
  .el-input__inner{ background: rgb(246, 248, 251); border: 1px solid rgb(227, 232, 241); border-radius: 20px; font-size: 14px;  height: 41px;  line-height: 41px; }
  .el-button--primary{background: rgb(0, 90, 255); font-size: 14px; color: #fff; height: 41px; }
  .el-input{ max-width: 100%;}
  .el-table{ background: transparent;}
  .el-table tr{ background: transparent;}
  .el-table .el-table__cell{ padding: 0px 0; background: #fff; border-top: 5px #f6f8fb solid !important; border-bottom: 5px #f6f8fb solid !important;text-align: left !important;}
  .el-table .el-table__cell:first-child{
    border-radius: 10px 0 0 10px !important;
  }
  .el-table .el-table__cell:last-child{
    border-radius: 0px 10px 10px 0px !important;
  }
  .el-table .cell{  padding: 13px 10px;}
  .el-table td.el-table__cell{ border: 0; }
  .el-table th.el-table__cell{ background: transparent;}
  .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
      border-bottom: 0;
  }
  .el-table th.el-table__cell>.cell{ background: transparent;}

  .tableh{width: 100%;  height: 50px; line-height: 50px; font-size: 14px; color: rgb(175, 179, 188);}
  .tablehli{flex: 1; text-align: center;}
  .tableb{width: 100%; background: #fff; margin-bottom: 10px; height: 50px; line-height: 50px; font-size: 14px; border-radius: 10px;}
  .tablebli{flex: 1; text-align: center;width: 0;}

  .el-date-editor .el-range-input{ background: transparent;}

  .el-pagination.is-background .btn-prev:disabled{ background: rgba(246, 246, 246, 0.3); border: 1px rgba(167, 167, 167, 0.3) solid;}
  .el-pagination.is-background .btn-next:disabled{ background: rgba(246, 246, 246, 0.3); border: 1px rgba(167, 167, 167, 0.3) solid;}
  .el-pagination.is-background .btn-next{ background: rgba(246, 246, 246,1); border: 1px rgba(167, 167, 167,1) solid;}
  .el-pagination.is-background .btn-prev{ background: rgba(246, 246, 246,1); border: 1px rgba(167, 167, 167,1) solid;}
  .el-pagination.is-background .el-pager li:not(.disabled).active{ background-color: rgb(0, 90, 255);}
  .el-pagination.is-background .el-pager li:not(.disabled).active:hover {
      color: #fff;
  }
  .el-pagination.is-background .el-pager li:not(.disabled):hover {
      color: rgb(0, 90, 255);
  }
  .el-pager li{ border-radius: 14px; background: rgba(255, 255, 255, 1); border: 1px rgba(167, 167, 167, 0.3) solid; width: 28px; height: 30px;}
  .btn-prev{ border-radius: 14px; padding: 0 10px;}
  .btn-next{ border-radius: 14px; padding: 0 10px;}
  .el-pagination__jump .el-input__inner{  line-height: 28px !important; height: 28px !important;}

  .el-loading-mask{ z-index: 10010;}

  .el-button--primary.is-plain{background: rgb(228, 237, 255); color: rgb(0, 90, 255); border-color: rgb(228, 237, 255);}
  .el-radio__input.is-checked+.el-radio__label{color: rgb(0, 90, 255);}
  .el-radio__input.is-checked .el-radio__inner {
    border-color: rgb(0, 90, 255);
    background: rgb(0, 90, 255);
  }

  .el-dialog{ border-radius: 20px; max-width: 90%;}
  .el-dialog__title{font-size: 24px;}
  .el-dialog__header{ padding: 30px 30px 10px;}
  .el-dialog__body{ padding: 30px;}



  .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
    background-color: #005aff;
        border-color: #005aff;
  }
  // .el-range-editor .el-range-input { background: #f7f8fa;}
  // .el-button{ padding: 11px 23px !important;}
  // .el-input__prefix .el-input__icon{line-height:1;}

  // .shijian{
  //   color: rgb(86, 86, 86); border: 1px solid rgb(200, 200, 200); padding: 8px 15px; font-size: 14px; margin-right: 10px; cursor: pointer; border-radius: 5px;
  // }
  // .actshijian{ color: rgb(12, 131, 255) !important; border: 1px solid rgb(64, 155, 250) !important; background: rgb(238, 247, 255);}
.datashow{line-height: 41px; border-radius: 20.5px; background: #f6f8fb; border: 1px solid #e3e8f1; padding: 0 15px; width: 2.8rem; font-size: 12px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  // .f1{ width: 120px; text-align: right; margin-right: 20px;}
  .el-message-box{ max-width: 90%;}
  .el-date-picker{ max-width: 90%;}
  .flex {
  	display: flex;
  	flex-wrap: wrap;
  }

  .flexb {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: space-between;
  }

  .flexc {
  	display: flex;
  	flex-wrap: wrap;
  	align-items: center;
  }

  .flexcc {
  	display: flex;
  	flex-wrap: wrap;
  	align-items: center;
  	justify-content: center;
  }

  .flexbc {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: space-between;
  	align-items: center;
  }
}
